Javascript document.getElementsByTagName Problemi

Arkadaşlar kolay gelsin. Şöyle bir sorunum var. Webview içerisinde sayfayı göstermeden önce bir takım değişiklikler yaptırmaya çalışıyorum, örneğin bazı tagların webview içerisinde görünmesini istemiyorum bunun için de aşağıdaki şekilde bir kod yazıyorum. Şimdi eğer ki ben görünmesini istemediğim tagların aşağıdaki gibi header, footer, nav şeklinde yaparsam sorunsuz çalışıyor ama eğer bunlar yerine bir class ya da div yaparsam yani #div_adi, .class_adi gibi div isimleri yazarsam bunlara etki edemiyorum. değişik şekillerde de yazmaya çalıştım örneğin getElementsByTagName(div[class=div_ismi]) şeklinde de yazmaya çalıştım ama bir türlü olmadı. Nasıl yapmalıyım ki istediğim her türlü clasa ve dive etki edebileyim?

document.getElementsByTagName('#id_ismi')[0].style.display='none'; //Olumsuz
document.getElementById('#id_ismi')[0].style.display='none'; //Olumsuz

//Bu şekilde sorunsuz çalışıyor ama sadece header footer nav gibi taglara etki edebiliyorum.
webview.loadUrl("javascript:(function() { " +
                        "document.getElementsByTagName('header')[0].style.display='none'; " +
                        "document.getElementsByTagName('footer')[0].style.display='none'; " +
                        "document.getElementsByTagName('nav')[0].style.display='none'; " +

                        "})()");
            }